@charset "utf-8";
@import "main.less";

@media all and (min-width: 1367px){


  body{
    background-color: @bodyColor;
    margin-top: 100px;
  }
  .main{
    .size(1200px,auto);
    .margin_Auto;
  }
  //左边内容，限制宽度800px
  .leftBody{
    .size(820px,auto);
    float: left;
    .margin_bottom(100px);
  }
  //右边内容，限制宽度350
  .rightBody{
    .size(350px,auto);
    float: left;
    margin-left: 30px;
  }
  .testResources{
    .size(760px,atuo);
    background-color: white;
    .margin_Auto;
  }
  .tabList{
    .padding(0,8px);
    width: 760px;
    margin: 40px 0px 0px 0px;
  }
  .tabContentList{
    float: left;
    position:relative;
  }
  .tabContent{
    .size(760px,atuo);
    background-color: white;
    position: absolute;
    display: none;
    .padding_bottom(16px);
    .radius();
    .shadow();
    &:nth-child(2){
      display: block;
    }
    h3{color: @font_blue}
    /* .padding_top(20px);*/
  }

  //文章资源列表项——文章封面图片
  .article_Pic{
    width: 140px;
    float: left;
    .padding(0,12px);
  }
  //统计其他数！！！
  .ren_zi{
    color: @font_blue;
    font-size:2px;
    margin-left: 25px;
    margin-right: 25px;
  }
  .ren_zi2{
    color: #3fcaa2;
    font-size:2px;
  }
  //线条
  .xian{
    width: 700px;
    .border(@bodyColor,1px);
    margin-left: 25px;
  }
  .zhu{
    margin-left: 90px;

  }
  .zhu img{
    width:580px;
  }
  .tdesc{
    margin-left: 15px;
    font-size: 10px;
  }
  //价格数字
  p .price_new {
    color: #f6a51e;
    width: 50px;
  }
  .price_new {
    color: #f6a51e
  }
  .tag{
    color: white;
    background-color: #f6a51e;
  }
  .price_old{
    text-decoration: line-through;
    color: @titleColor;
  }
  .payArea{text-align: center}

  //按钮
  .anniu_zi{
    text-align: center;
    padding-top: 5px;
    .btn_default(fill,100px,25px);
    margin-left: 330px;
  }
  .anniu_zi2{
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    .btn_default(fill,100px,25px);
    margin-left: 550px;
  }

  //wei
  .test_category_serach{
    list-style: none;
    .margin_All(20px,14%,0px,14%);
  }
  .test_category_serach_nav_ul{
    text-align: right;
    .margin();
  }
  .test_category_serach_nav_li{
    .margin(0px,1%);
    float:left;
    padding: 0.8% 1.8%;
    background-color:@bodyColor;
    color:@titleColor;
    font-size: 13px;
    .radius_all(10px,0px);
    &:first-child{
      color:white;
      background-color: #66CCFF;
    }
    &:last-child{
      float: right;
      .padding(0px,10px);
      background-color: white;
      border: solid 1px #333333;
      .radius();
    }
  }
  .test_category_serach_nav_li input{
    border-style: none;
    .padding(6px);
    outline: none;
    font-size: 10px;
    width:150px;
  }
  .test_category_serach_line{
    clear: left;
    width: 100%;
    height: 2px;
    background-color: #66CCFF;
  }

  //上一章 下一章
  .left{
    float: left;
    font-size: 12px;
  }
  .right{
    float: right;
    font-size: 12px;
    margin-right: 19px;
  }
  .he span{color: @font_blue;}

  .shuru{
    height:400px;
    width: 1000px;
  }
  .shuru img{
   /* background-repeat:no-repeat;
    height:400px;
    width: 700px;
    padding: 38px 20px 1px 20px;*/
  }
  //关注列表——最外层div
  .attention{
    .size(350px,auto);
    .margin(40px,auto);
    .card(0,0);
  }
  .attentionInfo{
    .padding(4px,16px);
    div{
      float: left;
      text-align: center;
      width: 50%;
      p:nth-child(1){
        font-size: 20px;
        .margin_top(4px);
        .margin_bottom(-4px);
      }
      p:nth-child(2){
        font-size: 18px;
        .margin_top(4px);
        .margin_bottom(8px);
      }
      .border_bottom(@handleColor,1px);
    }
  }
  .attUserList{
    height: auto;
    position: relative;
    .card(0,0);
    div{
      width: 64px;
      height: 64px;
      float: left;
    }
  }
  .attUserList a{
    color: @font_blue;
    text-decoration: none;
  }
  .weibu{
    font-size: 10px;float: left;margin-left: 240px;
  }
  .weibu a{
    text-decoration: none;
  }
  .zhijian{
    height:1300px;
    background-color:@bodyColor;
  }

  .attUserList .img1{
    width: 163px;margin-left: 8px;
  }
  .attUserList .img2{
    width: 163px;
  }
  .attUserList .img3{
    width: 330px;margin-left: 8px;
  }
  .genduo{
    font-size: 10px;float: right;
  }
  .right_span2{
    font-size: 1px;margin-left: 6px;float:right;color: #66ccff;
  }
  .a_removeStyle();
  ul{
    .ul_BaseStyle;
  }

}